<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>JSDoc: Source: config/CSSConfig.js</title>

    <script src="scripts/prettify/prettify.js"> </script>
    <script src="scripts/prettify/lang-css.js"> </script>
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>

<body>

<div id="main">

    <h1 class="page-title">Source: config/CSSConfig.js</h1>

    



    
    <section>
        <article>
            <pre class="prettyprint source linenums"><code>/**
 * @copyright: Copyright (C) 2019
 * @file CSSConfig.js
 * @desc
 * css config
 * @author Jarry
 */

const CSSConfig = {

  playerContainer: 'goldplay__container',
  screenContainer: 'goldplay__screen--container',
  screenCanvas: 'goldplay__screen--canvas',
  audioContainer: 'goldplay__audio--container',
  audioPlayer: 'goldplay__audio--player',

  controlContainer: 'goldplay__control--container',
  containerFullPage: 'goldplay__container-fullpage',
  containerFullScreen: 'goldplay__container-fullscreen',
  controlContainerFloat: 'goldplay__control--container-float',
  bigPlayButton: 'goldplay__screen--bigplay',
  poster: 'goldplay__screen--poster',
  nearside: 'goldplay__control--nearside',
  sidebar: 'goldplay__control--sidebar',
  buttonBlock: 'goldplay__control--button-block',
  playButton: 'goldplay__control--play',
  pauseButton: 'goldplay__control--pause',
  replayButton: 'goldplay__control--replay',
  speedBar: 'goldplay__speed-bar',
  speedBarBox: 'goldplay__speed-bar--box',
  rateBar: 'goldplay__rate-bar',
  rateBarBox: 'goldplay__rate-bar--box',
  fullPage: 'goldplay__control--fullpage',
  fullScreen: 'goldplay__control--fullscreen',
  waitingBar: 'goldplay__waiting-bar',
  progressBar: 'goldplay__progress-bar',
  progressBarHover: 'goldplay__progress-bar-hover',
  progressBarPlay: 'goldplay__progressbar--play',
  progressBarPlayHover: 'goldplay__progressbar--play-hover',
  progressBarLoad: 'goldplay__progressbar--load',
  progressBarLoadHover: 'goldplay__progressbar--load-hover',
  progressBarDot: 'goldplay__progressbar--dot',
  progressBarDotHover: 'goldplay__progressbar--dot-hover',
  volumeBar: 'goldplay__volume-bar',
  volumeBarAudio: 'goldplay__volume-bar--audio',
  volumeBarAudioOn: 'goldplay__volume-bar--audio-on',
  volumeBarAudioOff: 'goldplay__volume-bar--audio-off',
  volumeBarHandle: 'goldplay__volume-bar--handle',
  volumeBarRod: 'goldplay__volume-bar--rod',
  volumeBarRodHover: 'goldplay__volume-bar--rod-hover',
  volumeBarSize: 'goldplay__volume-bar--size',
  volumeBarColumn: 'goldplay__volume-bar--column',
  alertBox: 'goldplay__alter-box',
  alertClose: 'goldplay__alter--close'
}

export {
  CSSConfig
}</code></pre>
        </article>
    </section>




</div>

<nav>
    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="GoldPlay.html">GoldPlay</a></li><li><a href="Player.html">Player</a></li></ul><h3>Events</h3><ul><li><a href="Player.html#event:end">end</a></li><li><a href="Player.html#event:pause">pause</a></li><li><a href="Player.html#event:play">play</a></li><li><a href="Player.html#event:seeking">seeking</a></li></ul><h3>Global</h3><ul><li><a href="global.html#changeRate">changeRate</a></li><li><a href="global.html#changeSpeed">changeSpeed</a></li><li><a href="global.html#changeSrc">changeSrc</a></li><li><a href="global.html#destroy">destroy</a></li><li><a href="global.html#Events">Events</a></li><li><a href="global.html#getComponent">getComponent</a></li><li><a href="global.html#pause">pause</a></li><li><a href="global.html#play">play</a></li><li><a href="global.html#registerComponent">registerComponent</a></li><li><a href="global.html#seek">seek</a></li></ul>
</nav>

<br class="clear">

<footer>
    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.3</a> on Thu Jan 16 2020 10:40:02 GMT+0800 (GMT+08:00)
</footer>

<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>
